<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>
    <style>
        body {
            background-color: azure;
            position: relative;
        }

        h2 {
            text-align: center;
        }

        form {
            text-align: left;
            position: relative;
            padding-left: 520px;
        }

        .button1 {
            -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
            text-align: center;
            background-color: white;
            color: black;
            border: none;
            border-radius: 5px;
        }

        .button1:hover {
            background-color: #FFF0F5;
            color: black;
        }

        button {
            width: 100px;
            height: 30px;
            background-color: rgb(244, 244, 244);
            border: none;
            margin-left: 120px;
        }
    </style>
</head>

<body>
<h1>欢迎您！<span th:text="${name}"></span></h1>

<h2>个人信息</h2>
<form method="get" action="/classtochoose" th:object="${user}">
    学号：
    <input type="text" name="id" placeholder="请输入学号：">
    <span class="validationError" th:if="${#fields.hasErrors('id')}"
          th:errors="*{id}">iderror</span>
    <br/>
    姓名：
    <input type="text" name="name" placeholder="请输入姓名：">
    <span class="validationError" th:if="${#fields.hasErrors('name')}"
          th:errors="*{name}">nameerror</span>
    <br/>
    专业：
    <input type="text" name="profession" placeholder="请输入专业：">
    <span class="validationError" th:if="${#fields.hasErrors('profession')}"
          th:errors="*{profession}">professionerror</span>
    <br/>
    年级：
    <input type="text" name="grade" placeholder="请输入年级：">
    <span class="validationError" th:if="${#fields.hasErrors('grade')}"
          th:errors="*{grade}">gradeerror</span>
    <br/>
    学院：
    <input type="text" name="college" placeholder="请输入学院：">
    <span class="validationError" th:if="${#fields.hasErrors('college')}"
          th:errors="*{college}">collegeerror</span>
    </center>
    <br/>

    <br/>
    <button class="button1">选择课程</button>
    <br/>
</form>

</body>
</html>